<template>
  <div class="layui-container">
      <div class="layui-row layui-col-space15">
        <div class="layui-col-md8">
          <ImoocList></ImoocList>
        </div>
        <div class="layui-col-md4">
          <ImoocHotList></ImoocHotList>
          <ImoocAbs></ImoocAbs>
          <ImoocLinks></ImoocLinks>
        </div>
      </div>
    </div>
</template>

<script>
import Abs from '@/components/sidebar/Abs.vue'
import Links from '@/components/sidebar/Links.vue'
import HotList from '@/components/sidebar/HotList.vue'
import List from '@/components/contents/List.vue'
export default {
  name: 'template1',
  components: {
    ImoocAbs: Abs,
    ImoocLinks: Links,
    ImoocHotList: HotList,
    ImoocList: List
  }
}
</script>

<style lang="scss" scoped>

</style>
